<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册</title>
	<!-- 引用bootstrap -->
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css">
	<style >
	/*把按键改成红色*/
  .btn-primary{
  	background-color: #a20;
  	border-color: #a20
  } 
  .container-small {
	max-width: 30%;		
  }
  .btn-small{
  	max-width: 10%;
  }
	</style>
	<script src="new.js"></script>
	<script src="jquery.js"></script>
	<script type="text/javascript">
	  $(document).ready(function(){
	  	$("#1").fadeIn(1000);	  	
	  })
	</script>
</head>
<body style="background-color: rgb(200,200,169);">
<div class="container container-small" id="1" style="display: none;">
	<h1 class="text-center">风流技术部</h1>	
	<form name="Form" onsubmit="save();" method="get">
		<div class="form-group">
		  <label for="acc">用户名</label>
		  <input class="form-control" type="text" id="acc">
		</div>		
		<div class="form-group">
			<label for="email">邮箱</label>
			<input class="form-control" type="text" id="email">
		</div>
		<div class="form-group">
			<label for="pd">密码</label>
			<input class="form-control" type="password" id="pd" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)">
		</div>

		<div class="form-group">
		    <label for="frame">密码强度</label>
			<table class="table table-striped table-bordered" id="frame" >  
   			    <tbody>
   			    <tr>     	
   			      <td width="25%" id="strength_L" align="center">弱</td>
   			      <td width="25%" id="strength_M" align="center">中</td>  
   			      <td width="25%" id="strength_H" align="center">强</td>  
   			    </tr>  
   			    </tbody>
   			</table>  
		</div>

		<div class="form-group">
			<label>确认密码</label>
			<input class="form-control" type="password" id="pd1">
		</div>
		
	    <div class="form-group">		
		  <input type="submit" value="确认注册" class="btn btn-primary btn-block" onclick="return validateForm()">
		</div>
		<div class="form-group">		
		  <input type="button" value="返回登录界面" class="btn btn-primary btn-block" onclick="location.href='http://butui.gitee.io/test_pages/'">
		</div>		
	</form>

</div>
</body>
</html>